{% extends "layout.html" %}
{% from "macros/_form.html" import render_errors %}

{%- block content %}
<form action="" method="post" class="form-horizontal">
    {{ form.hidden_tag() }}
  <div class="form-group">
    <label class="col-sm-2 control-label">Username</label>
    <div class="col-sm-3">
        {{form.username(size=30,class="form-control",id="username",placeholder="Username or your email")}}
    </div>
  </div>
   <div class="form-group">
    <label class="col-sm-2 control-label">Nickname</label>
    <div class="col-sm-3">
        {{form.nickname(size=30,class="form-control",id="nickname",placeholder="Nickname")}}
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-2 control-label">Password</label>
    <div class="col-sm-3">
        {{form.password(size=30,class="form-control",id="password",placeholder="Password")}}
    </div>
  </div>
   <div class="form-group">
    <label class="col-sm-2 control-label">Password Again</label>
    <div class="col-sm-3">
        {{form.password_again(size=30,class="form-control",id="password_again",placeholder="Confirm Your Password Again")}}
        {{ render_errors(form.password_again) }}
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-2 control-label">Email</label>
    <div class="col-sm-3">
        {{form.email(size=30,class="form-control",id="email",placeholder="Email")}}
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-default">Sign up</button>
    </div>
  </div>
</form>
{%- endblock %}